@use "../mixins/mixins" as *;

/* 背景色 */
:root {
  @include set-css-var("custom-block-tip-bg", #e6f6e6);
  @include set-css-var("custom-block-warning-bg", #fff8e6);
  @include set-css-var("custom-block-danger-bg", #ffebec);

  @include set-css-var("custom-block-note-bg", #e8f5fa);
  @include set-css-var("custom-block-important-bg", #f4eefe);
  @include set-css-var("custom-block-caution-bg", "#fde4e8");

  @include set-css-var("custom-block-title-size", 15px);
}

:root.dark {
  @include set-css-var("custom-block-info-bg", #474748);
  @include set-css-var("custom-block-tip-bg", #003100);
  @include set-css-var("custom-block-warning-bg", #4d3800);
  @include set-css-var("custom-block-danger-bg", #4b1113);

  @include set-css-var("custom-block-note-bg", #003a4d);
  @include set-css-var("custom-block-important-bg", #230555);
  @include set-css-var("custom-block-caution-bg", #391c22);
}

/* 左框色 */
:root {
  @include set-css-var("custom-block-info-left", #cccccc);
  @include set-css-var("custom-block-tip-left", #009400);
  @include set-css-var("custom-block-warning-left", #e6a700);
  @include set-css-var("custom-block-info-bg", #fafafa);
  @include set-css-var("custom-block-danger-left", #e13238);

  @include set-css-var("custom-block-note-left", #4cb3d4);
  @include set-css-var("custom-block-important-left", #a371f7);
  @include set-css-var("custom-block-caution-left", #e0575b);
}

/* 标题字体大小 */
.custom-block-title {
  font-size: getCssVar("custom-block-title-size");
}
